<template>
  <div class="forget-pass">
    <nav-login/>
    <order-logo/>
    <div class="w1200">
      <div class="w880">
        <router-view/>
        <div class="Explain">
          <h4>使用遇到的问题？</h4>
          <dl>
            <dt>无法找回登陆密码，怎么办？</dt>
            <dd>答：1、找回登陆密码只能通过绑定手机/绑定邮箱找回，请确认您绑定了手机或邮箱。</dd>
            <dd>2、如果长时间未接收到手机短信/邮件，请查看您的拦截短信/垃圾邮件.</dd>
            <dd>3、无法通过以上方式找回登陆密码时，您可以拨打客服热线。</dd>
          </dl>
        </div>
      </div>
    </div>
    <bottom-nav></bottom-nav>
    <home-footer></home-footer>
  </div>
</template>

<script>
import OrderLogo from '@/pages/myOrder/OrderLogo.vue'

export default {
  name: 'ForgetPassword',
  components: {
    OrderLogo
  }
}
</script>

<style lang='scss' scoped>
.forget-pass {
  background-color: #ebebeb;
  .w1200 {
    width: 1200px;
    margin: auto;
    min-height: 375px;
    background-color: #fff;
    .w880 {
      width: 880px;
      margin: auto;
      .Explain {
        margin-top: 20px;
        dl {
          padding-bottom: 30px;
          dt {
            line-height: 30px;
          }

          dd {
            font-size: 12px;
            line-height: 22px;
            color: #8f8f8f;
            &:nth-of-type(2),&:nth-of-type(3){
              text-indent: 2em
            }
          }
        }
      }
    }
  }
}
</style>